<div>
    <div class="cart-box">
        <div class="nb">
            <div class="cart-step">
                <ul>
                    <li class="cart1"><i></i>购物车</li>
                    <li class="cart2 oncart2"><i></i>确认订单</li>
                    <li class="cart3 oncart3"><i></i>付款</li>
                    <li class="cart4 oncart4" v-if="orderInfo.state =='0'"><i></i>支付成功</li>
                    <li class="cart4 oncart4" v-if="orderInfo.state =='9'"><i></i>订单取消</li>
                </ul>
            </div>
            <div class="add-deliver">
                <div class="cart-title">
                    <h3><span>支付结果</span></h3>
                </div>
                <div>
                    <div style="height: 108px;border: 1px solid #e0e0e0;background-color: #fff;padding: 0 0 18px;text-align: center;font-size: 30px; display: flex;
                    justify-content: center;
                    align-items: center;color: green;">
                        <span v-if="orderInfo.state =='0'">您已经支付成功！请等待平台发货或着联系平台。</span>
                        <span v-if="orderInfo.state =='9'">您的订单已经取消！如有疑问请联系平台。</span>
                    </div>
                </div>
            </div>
            <div class="add-deliver">
                <div class="cart-title">
                    <h3><span>收货人信息</span></h3>
                </div>
                <div>
                    <div class="sh-address">
                        <ul>
                            <li class="default-add">
                                <div class="inner-infos">
                                    <div class="addr-hd"><span>{{orderInfo.storeOrderAddressDto.username}}</span></div>
                                    <div class="addr-bd">
                                        <span></span><span>{{orderInfo.storeOrderAddressDto.address}}{{orderInfo.storeOrderAddressDto.tel}}</span>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>

                </div>
            </div>
            <div class="goods-infor">
                <div class="cart-title">
                    <h3><span>商品信息</span>
                </div>
                <div class="goods-table">
                    <div class="goods-thead">
                        <div class="col col1">
                            商品
                        </div>
                        <div class="col col3">
                            单价
                        </div>
                        <div class="col col4">
                            数量
                        </div>
                        <div class="col col5">
                            小计
                        </div>
                    </div>
                    <div class="goods-tbody">
                        <div class="goodinfor" v-for="(prod, index) in orderInfo.storeOrderCartDtos">
                            <div class="col col1 goods-title-pic">
                                <a href="https://www.121wuye.com/sh4nb-g.html"><img :src="prod.coverPhoto" width="60"
                                        height="60"></a>
                                <div class="goods-describ elli">
                                    <p><a href="https://www.121wuye.com/sh4nb-g.html">{{prod.prodName}}</a>
                                    </p>
                                    <p></p>
                                </div>
                            </div>
                            <div class="col col3 goods-price"> ￥{{prod.price}} </div>
                            <div class="col col4 good-num"> {{prod.cartNum}} </div>
                            <div class="col col5 orange-bold xiaoji" style="border-bottom: none;"> ￥{{prod.cartNum *
                                prod.price}} </div>
                        </div>

                    </div>
                </div>
            </div>
            <div class="style-zhifu">
                <div class="fare-result">
                    <div class="cart-title">
                        <h3><span>结算信息</span></h3>
                    </div>
                    <div class="result-box">
                        <ul>
                            <li class="first">
                                <div class="calu-box">
                                    <p class="slivergrey"><span><b class="orange-bold">{{orderInfo.totalNum}}</b> 件商品
                                            ，总计：</span><span class="orange-bold big">￥<b
                                                id="payAmount">{{orderInfo.totalPrice}}</b></span></p>
                                    <p class="slivergrey"><span>运费：</span><span class="txtmoney">￥<b
                                                id="expfee">0.00</b></span></p>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>